@charset "utf-8";
/*！
 * lib CSS 网页模版库 v1.2 基于bootstrap或ZUI
 * Copyright 2017,XIAOBING TECH 
 * Author:MR. WANGHAO
 */

/***组件开始components start***/

/*页脚footer*/
.footer{width: 100%;}
.foot-logo{width: 202px; height: 48px;}
.footer-topbar {background: #96150B;color: #fff}

/*底部导航*/
.nav-foot{padding-bottom: 25px;width: 100%;}
.nav-foot dl,
.nav-foot ul,
.nav-foot li{
  list-style: none;padding: 0;
}
.nav-foot .col-links{display:table-cell;float: left;width: 14%;padding: 0 25px 0 25px;margin:0;position: relative;}
.nav-foot .col-links:first-child{padding-left:0;}
.nav-foot .col-links dt a{font-size: 16px;color: #292929;font-weight: normal;}
.nav-foot .col-links dt a:hover{color: #be2a1e;}
.nav-foot .col-links dd {padding-top: 10px;}
.nav-foot .col-links dd a{display: block; font-size: 12px; padding: 3px 12px 3px 0; color: #878787;margin: 0;}
.nav-foot .col-links:after{content: "";position: absolute;right: 0;top:0; display: block;border-right:1px solid #dadada;height: 222px;}
/*end底部导航*/
.foot-contact{}
.foot-contact a{width: 230px;}
.foot-maill{display: inline-block; background:url(../images/icons/icon-mail-foot.png) no-repeat left center; padding-left: 25px; font-size: 12px;}
.foot-phone{display: inline-block; background:url(../images/icons/icon-phone-foot.png) no-repeat left center; padding-left: 20px; font-size: 12px;}
.foot-address{display: inline-block; background:url(../images/icons/icon-local-foot.png) no-repeat left center; padding-left: 14px; font-size: 12px;}
/*社会化分享*/
.social{}
.social a{
  display: inline-block;
  *display: inline; 
  zoom:1; 
  color: #fff;
  font-size: 0;
  margin-right: 5px; 
  text-align: center;
  position: relative; 
}
.social a i{
  display: inline-block;
  *display: inline; 
  zoom:1;
  width: 30px;
  height: 30px;
  line-height: 30px;
  font-size: 18px;background: #a9a8af;border-radius: 50%;
}
.social a .icon-qq{background: #58b3ec}
.social a .icon-weibo{background: #db8044}
.social a .icon-wechat{background: #329258}

.social a img{display: none; position: absolute;width: 120px;height: 120px;max-width:120px; left: 0; top: -50%}
.social a:hover img{display: block; z-index: 9}

/*友情*/
.footer .flinks-box {background:#f2f2f2}
.flinks {font-size: 12px;padding-top:12px;padding-bottom: 12px;}
.flinks dl,.flinks dt,.flinks dd{margin: 0;padding:0;}
.flinks a{margin-right: 12px}
/*//友情连接*/
/*版权*/
.footer .copy{font-size: 12px; width: 100%;padding-top:12px; padding-bottom: 12px;background:}
